<script setup lang="ts">
defineProps({
	role: {type:String, validator:(value:string): boolean => { return ['assistant', 'user0','user1', 'tourist'].includes(value); }, required: true, }
})
</script>

<template>
	<a-avatar v-if="role==='assistant'" src="/img/avatar/robot.svg" alt="" />
	<a-avatar v-else-if="role==='user1'" src="/img/avatar/face_1.svg" alt="" />
	<a-avatar v-else-if="role==='user0'" src="/img/avatar/face_0.svg" alt="" />
	<a-avatar v-else src="/img/avatar/not_login.svg" alt="" />
</template>

<style scoped lang="scss">
:deep(.ant-avatar >img){width:32px;height:32px;}
</style>